<template>
	<view class="container">
		<!-- <!-聊天列表 -> -->
		<!-- 	<view class="chat-body">

			<view class="chat-one">
				<image class="chat-face" src="/static/c9.png" />
				<view class="chat-box">
					<view class="chat-sender">知心姐姐</view>
					<view class="chat-content">{{item.content}}</view>
					<image class="chat-img" v-if="item.type === 'img'" :src="item.content" mode='widthFix' />
				</view>
			</view>
			<view v-else class="chat-one chat-one-mine">
				<view class="chat-box">
					<view class="chat-content" v-if="item.type === 'txt'">{{item.content}}
						<view <imaoc class="chat-img" v-if="item.type === 'img'" :src="item.content" mode='widthfix' />
					</view>
					<image class="chat-face" src="@/static/faces/6-thump.jpg" />
				</view>

			</view> -->
		<!-- 聊天输入 -->
		<view class="chat-footer">
			<input class="msg-input" type="text" cursor-spacing="16" />
			<image class="img-chose" src="/static/c9.png" />
			<view class="send-btn">发送</view>
		</view>
	</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				chatList: [{
					isMe: false,
					type: 'txt',
					content: "你好，我是可爱的知心姐姐，请问你想和我聊什么呢?"
				}, {
					isMe: false,
					type: 'img',
					content: '/static/imgs/1.jpg',
				}, {
					isMe: true,
					type: 'txt',
					content: "哇，你真漂亮",
				}, {
					isMe: true,
					type: 'img',
					content: '/static/imgs/2.jpg'
				}],
			}
		}
	}
</script>
<style>

</style>
